<template>
	<view class="agreement-container">
		<view class="content">
			<view class="section">
				<view class="section-title">1. 协议的接受</view>
				<view class="section-content">
					欢迎使用甜品小铺子！请您仔细阅读本《用户协议》（以下简称"本协议"），确保您充分理解本协议中各条款。
				</view>
			</view>
			
			<view class="section">
				<view class="section-title">2. 服务说明</view>
				<view class="section-content">
					甜品小铺子是一款提供甜品订购、配送服务的移动应用程序。我们致力于为用户提供优质的甜品产品和便捷的购物体验。
				</view>
			</view>
			
			<view class="section">
				<view class="section-title">3. 用户注册与账户</view>
				<view class="section-content">
					3.1 您需要注册账户才能使用本平台的完整功能。<br>
					3.2 您应当提供真实、准确、完整的注册信息。<br>
					3.3 您有责任维护账户安全，并对账户下的所有活动承担责任。
				</view>
			</view>
			
			<view class="section">
				<view class="section-title">4. 用户行为规范</view>
				<view class="section-content">
					4.1 您同意不会利用本平台进行任何违法或不正当的活动。<br>
					4.2 您不得发布任何违法、有害、威胁、滥用、骚扰、诽谤、粗俗、淫秽、或其他令人反感的内容。<br>
					4.3 您不得干扰或破坏本平台的服务或与本平台连接的服务器和网络。
				</view>
			</view>
			
			<view class="section">
				<view class="section-title">5. 订单与支付</view>
				<view class="section-content">
					5.1 您提交订单即表示您同意购买所订购的商品。<br>
					5.2 您同意支付所订购商品的所有费用。<br>
					5.3 我们保留在发现商品定价错误时拒绝或取消任何订单的权利。
				</view>
			</view>
			
			<view class="section">
				<view class="section-title">6. 知识产权</view>
				<view class="section-content">
					本平台的所有内容，包括但不限于文字、图片、音频、视频、软件、程序、版面设计等均为我们或第三方所有，受法律保护。
				</view>
			</view>
			
			<view class="section">
				<view class="section-title">7. 免责声明</view>
				<view class="section-content">
					7.1 本平台按"现状"提供服务，不保证服务一定能满足您的要求。<br>
					7.2 对于因不可抗力或本平台无法控制的原因造成的网络服务中断或其他缺陷，本平台不承担任何责任。
				</view>
			</view>
			
			<view class="section">
				<view class="section-title">8. 协议的修改</view>
				<view class="section-content">
					我们有权随时修改本协议条款，修改后的协议将在平台上公布。如果您继续使用本平台，即表示您同意接受修订后的协议。
				</view>
			</view>
			
			<view class="section">
				<view class="section-title">9. 联系我们</view>
				<view class="section-content">
					如果您对本协议有任何疑问，请通过以下方式联系我们：<br>
					邮箱：support@dessertshop.com<br>
					电话：400-123-4567
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			
		}
	},
	onLoad() {
		
	},
	methods: {
		
	}
}
</script>

<style>
.agreement-container {
	padding: 30rpx;
	background-color: #f8f8f8;
	min-height: 100vh;
}

.content {
	background-color: #ffffff;
	border-radius: 20rpx;
	padding: 40rpx;
	box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
}

.title {
	font-size: 40rpx;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20rpx;
	color: #333;
}

.update-time {
	text-align: center;
	font-size: 24rpx;
	color: #999;
	margin-bottom: 40rpx;
}

.section {
	margin-bottom: 40rpx;
}

.section-title {
	font-size: 32rpx;
	font-weight: bold;
	color: #333;
	margin-bottom: 20rpx;
}

.section-content {
	font-size: 28rpx;
	line-height: 1.6;
	color: #666;
	text-align: justify;
}
</style>